/*
@at-root 从字面上解释就是跳出根元素。当你选择器嵌套多层之后，想让某个选择器跳出，此时就可以使用 @at-root
*/

.a {
    color: red;

    .b {
        color: orange;

        @at-root .c {
            color: yellow;

            .d {
                color: green;
            }
        }
    }
}

// .a .b .c .d{color:}




